
.error{
  color: red;
}

.field-panel{
  background-color: #F5F5F5;
  max-width:80%;
  margin: 20px;
  padding: 20px 30px;
  border-radius:6px;
  position: relative;
  border: 1px solid #D9D9D9;
  overflow: auto;

  &:after{
    content:'';
    display:block;
    position: absolute;
    top:0px;
    left:0px;
    bottom:0px;
    width:180px;
    border-radius:6px;
    background-color: #fff;
    z-index:0;
  }

  .form-group.field{
    display: flex;
    align-items:flex-start;
    .field_input{
        flex-grow:0;
        padding:5px 20px;

      .ckeditor{
          padding: 20px;
      }
    }
    &:first-child .control-label{
        border-top: 5px solid #FFF;
    }
    .control-label{
        width:150px;
        text-align: right;
        padding:5px 30px;
        z-index:100;
        flex-shrink:0;
        border-top: 1px solid #EEE;
    }
  }

  .form-group.field .field_input ._tow-col-sel{
    /*width:750px;*/
  }
  //._tow-col-sel .sel {
  //  width: 350px;
  //}
  .field.error .error{
    display: inline-block;
  }

}